<template>
	<view class="container">
		<!-- 空白页 -->
		<empty v-if="loadingType === 'nomore' && groupShopList.length === 0"></empty>
		<view class="special-list">
			<block v-for="(item,index) in specialList" :key="index" >
				<navigator class="special-item" :url="item.url">
					<text>{{item.title}}</text>
					<image :src="item.imgUrl" mode="widthFix"></image>
					<text>{{item.seeCount}}人浏览</text>
				</navigator>
			</block>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				specialList:[
					{
						title:"【招贤纳士】你有梦想，我有舞台",
						imgUrl: "/static/local/slider1.jpg",
						seeCount : 2600,
						url:""
					}
				]
			}
		}
	}
</script>

<style lang="scss">
	.container{
		width: 100%;
		height: 100%;
		background: #FFFFFF;
	}
	.special-list{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 10rpx;
		
		.special-item{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			width: 100%;
			padding: 20rpx 30rpx;
			flex-direction: column;
			background: #FFFFFF;
			border-bottom: 10rpx solid #F0F0F0;
			
			text:first-child{
				color: #666666;
				font-size: 28rpx;
			}
			
			text:last-child{
				color: #999999;
				font-size: 22rpx;
			}
			
			image{
				width: 100%;
				display: block;
				margin: 10rpx auto;
			}
		}
	}
</style>
